@media screen and (min-width:3656px) and (max-width:4096px){
  .twui-header__hero h1{
    font-size: 80px;
  }
  .tw-card__label h4{
    font-size: 48px;
  }
  .tw-card__tabs > li{
    font-size: 36px;
  }
  .tw-card__label__left-corner,
  .tw-card__label__right-corner{
    width: 36px;
    height: 36px;
  }
  .tw-card__label__left-corner {
    left: -3px;
    top: -3px;
    border-left: 3px solid #298eff;
    border-top: 3px solid #298eff;
  }
  .tw-card__label__right-corner {
    right: -3px;
    top: -3px;
    border-right: 3px solid #298eff;
    border-top: 3px solid #298eff;
  }
  .tw-echarts-title{
    position: relative;
    font-size: 40px;
    text-align: center;
    color: #00a5fe;
    font-weight: bold;
    margin-top: 1vh;
    margin-left: auto;
    margin-right: auto;
    &.at-top{
      margin-top: 2vh;
    }
  }
  .tw-echarts-title[data-text]::after {
    content: attr(data-text);
    color: #07ffff;
    position: absolute;
    left: 0;
    z-index: 2;
    width: 100%;
    -webkit-mask-image: -webkit-gradient(linear, 0 0, right 0, from(#07ffff), to(rgba(0,0,255,0)));
  }
  .twui-footer ul > li{
    font-size: 48px;
    vertical-align: top;
  }
  .tw-card__label__layout{
    margin: 0 40px;
  }

  // 气泡调整，仅限前7个
  // 汽泡1
  .twui-bubble.xb1 {
    top: calc(40% - 76px);
    left: calc(50% - 76px);
    width: 153px;
    height: 153px;
    font-size: 32px;

    &:before {
      background: #f9e0d2;
    }

    > .twui-bubble-inner {
      background-color: #ff771c;
      background-image: linear-gradient(to top, #ffc629, #ff771c);
    }
  }

  // 汽泡2
  .twui-bubble.xb2 {
    top: calc(60% - 65px);
    left: calc(35% - 65px);
    width: 130px;
    height: 130px;
    font-size: 32px;

    &:before {
      animation-delay: 30ms;
      background: #c7eff3;
    }

    > .twui-bubble-inner {
      background-color: #07c3c4;
      background-image: linear-gradient(to top, #45e67c, #07c3c4);
    }
  }

  // 汽泡3
  .twui-bubble.xb3 {
    top: calc(60% - 64px);
    left: calc(68% - 64px);
    width: 128px;
    height: 128px;
    font-size: 32px;

    &:before {
      animation-delay: 60ms;
      background: #d7dcff;
    }

    > .twui-bubble-inner {
      background-color: #5562ff;
      background-image: linear-gradient(to top, #599afe, #5562ff);
    }
  }

  // 汽泡4
  .twui-bubble.xb4 {
    top: calc(38% - 65px);
    left: calc(24% - 65px);
    width: 130px;
    height: 130px;
    font-size: 32px;

    &:before {
      background: #c6e5ff;
    }

    > .twui-bubble-inner {
      background-color: #0392ff;
      background-image: linear-gradient(to top, #57ceff, #0392ff);
    }
  }

  // 汽泡5
  .twui-bubble.xb5 {
    top: calc(28% - 62px);
    left: calc(80% - 62px);
    width: 125px;
    height: 125px;
    font-size: 32px;

    &:before {
      animation-delay: 30ms;
      background: #c7eff3;
    }

    > .twui-bubble-inner {
      background-color: #07c3c4;
      background-image: linear-gradient(to top, #45e67c, #07c3c4);
    }
  }

  // 汽泡6
  .twui-bubble.xb6 {
    top: calc(70% - 62px);
    left: calc(10% - 62px);
    width: 124px;
    height: 124px;
    font-size: 32px;

    &:before {
      animation-delay: 60ms;
      background: #f9d9db;
    }

    > .twui-bubble-inner {
      background-color: #ff554d;
      background-image: linear-gradient(to top, #ffbb72, #ff554d);
    }
  }

  // 汽泡7
  .twui-bubble.xb7 {
    top: calc(65% - 56px);
    left: calc(90% - 56px);
    width: 113px;
    height: 113px;
    font-size: 32px;

    &:before {
      background: #c7e5ff;
    }

    > .twui-bubble-inner {
      background-color: #0392ff;
      background-image: linear-gradient(to top, #57ceff, #0392ff);
    }
  }
}